<template>
  <div>
    <h1 class="mat-2">父组件</h1>
    <bolean-son :msg="msg" @change-msg="changeMag"></bolean-son>
  </div>
</template>
<script>
import Son from './Son'
export default {
  components: {
    'bolean-son': Son
  },
  data () {
    return {
      msg: '来自父组件的数据'
    }
  },
  methods: {
    // 接收子组件冒泡过来的事件
    changeMag () {
      this.msg = '根据子组件冒泡过来的事件修改父组件中的数据'
    }
  }
}
</script>
